<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
<!-- logo部分 -->
<div class="logo-box">
    <div class="container">
        <h1 class="logoL fl"><img src="image/LOGO.png"></h1>
        <div class="logoR fl">
            <div class="word"></div>
        </div>
        <div class="clear"></div>
    </div>
</div>


<!-- 登录界面 -->
<div class="login-wrap">
    <div class="container">
        <div class="login-box">
            <!-- 登录tab -->
            <div class="login-tab">
                <div class="accountLogin fl">账号登录</div>
                <div class="SMSLogin fl active">短信登录</div>
            </div>

            <!-- 登录框内容 -->
            <div class="login-cons">
                <!-- 账号登录 -->
                <div class="accountLogin-con">
                    <form action="#" method="post">
                        <div class="form-group">
                            <input type="text" name="telInput" placeholder="请输入账号">
                        </div>
                        <div class="form-group psd">
                            <input type="text" name="psdInput" placeholder="输入密码" class="fl">
                        </div>
                        <div class="form-group rememberPsd">
                            <span class="checkboxStyle on_check"><input type="checkbox"></span>
                            <label class="checkboxLabel">下次自动登录</label>
                        </div>
                        <div class="form-group">
                            <input type="submit" name="submitInput" value="登 录">
                        </div>
                    </form>
                </div>
                <!-- 短信登录 -->
                <div class="SMSLogin-con">
                    <form action="#" method="post">
                        <div class="form-group">
                            <input type="text" name="telInput" placeholder="请输入手机号码">
                        </div>
                        <div class="form-group psd">
                            <input type="text" name="psdInput" placeholder="动态密码" class="fl">
                            <a type="button" class="getDynamicPsd fr">获取动态密码</a>
                        </div>
                        <div class="form-group rememberPsd">
                            <span class="checkboxStyle on_check"><input type="checkbox"></span>
                            <label class="checkboxLabel">记住密码</label>
                        </div>
                        <div class="form-group">
                            <input type="submit" name="submitInput" value="登 录">
                        </div>
                    </form>
                </div>
            </div>

            <!--分享设备提示-->
            <div class="shareTip">
                <p>张山峰给您分享了 <span>2</span> 台设备，<a href="#">请登录查看</a></p>
            </div>
        </div>
    </div>
</div>




<script src="js/plugin/jquery.js"></script>
<script src="js/login.js"></script>

<!--[if lte IE 9]>
<script src="js/plugin/jquery.placeholder.min.js"></script>
<script src="js/placeholder.js"></script>
<![endif]-->

</body>
</html>